<template>
	<view class="page">
		<view class="cell-item">
			<view class="left-box">
				<view class="cell-title">
					联系人
				</view>
				<view class="import">
					*
				</view>
			</view>
			<view class="right-box">
				<input class="input" type="text" placeholder="姓名" value="" />
			</view>
		</view>
		<view class="cell-item">
			<view class="left-box">
				<view class="cell-title">
					联系方式
				</view>
				<view class="import">
					 *
				</view>
			</view>
			<view class="right-box">
				<input class="input" type="number" placeholder="手机号码" value="" />
			</view>
		</view>
		<view class="cell-item">
			<view class="left-box">
				<view class="cell-title">
					省/市/区
				</view>
			</view>
			<view class="right-box" @click="jumpArea">
				<view class="placeholder">
					选择省市
				</view>
				<view class="value">
					
				</view>
			</view>
		</view>
		<view class="cell-item textarea-box">
				<view class="cell-title">
					详细地址
				</view>
				<input class="input" type="text" placeholder="详细地址" value="" />
		</view>
		<view class="button">
			确认
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpArea:function(){
				uni.navigateTo({
					url: '/subcontractList/order/address/area/area'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page{
		background-color: #f6f6f6;
		width: 100%;
		min-height: 100vh;
	}
	.cell-item{
		display: flex;
		justify-content: space-between;
		line-height:100rpx;
		background-color: white;
		height:100rpx;
		font-size: 28rpx;
		padding:0 20rpx;
		box-sizing: border-box;
		border-bottom: 1px solid #f0f0f0;
		.left-box{
			display: flex;
			.import{
				color: red;
				margin-left: 10rpx;
			}
			
		}
		.right-box{
			height: 80rpx;
			.input{
				text-align: right;
				flex: 1;
				height:100rpx;
				line-height:100rpx;
			}
		}
	}
	.textarea-box{
		justify-content:initial;
		.input{
			text-align: right;
			margin-left: 10rpx;
			flex: 1;
			height:100rpx;
			line-height:100rpx;
		}
	}
	.button{
		background-color: #4169e1;
		position: fixed;
		left: 20rpx;
		height: 80rpx;
		line-height:80rpx;
		text-align: center;
		color: white;
		font-size:30rpx;
		border-radius: 10rpx;
		width: calc(100% - 40rpx);
		box-sizing: border-box;
		bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
		bottom: calc(env(safe-area-inset-bottom) + 20rpx);
	}
</style>
